@import "../../common/config.scss";
.aui-toast{
	@include absWin;
	pointer-events: none;
	@at-root &__inner{
		@include absWin;
		@include flexbox;
		@include flexCenterHori; 
		&--middle{
			@include flexCenterVeri;
		}
		&--bottom{
			@include flexEndVeri;
			.aui-toast__inner__content{
				margin-bottom: 0.4rem;
			}
		}
		@at-root &__content{
			width: auto;
			padding: 0.3rem;
			position: relative;
			min-width: 1.0rem;
			max-width: 60%;
			color: $bgColor;
			background-color: rgba(0, 0, 0, 0.9);
			border-radius: 3px;
			text-align: center;
			@at-root &__body{
				text-align: justify;
				@include flexbox;
				@include flexCenterHori;
				font-size: 0.28rem;
				word-break: break-all;
				word-wrap: break-word;
				&.setting_tip_success{
					padding: 0.2rem;
					width: 2.4rem;
					height: 2.4rem;
					background: url("../../assets/images/setting_tip_success.png") 50% no-repeat;
					background-size: cover;
				}
			}
			.aui-iconfont{
				font-size: 0.8rem;
			}
		}
	}

	@keyframes aui-toast-enter-animation{
		0%,100%,60%,75%,90% {
	        -webkit-animation-timing-function: cubic-bezier(0.215,.61,.355,1);
	        animation-timing-function: cubic-bezier(0.215,.61,.355,1)
	    }

	    0% {
	        opacity: 0;
	        -webkit-transform: translate3d(0,3000px,0);
	        transform: translate3d(0,3000px,0)
	    }

	    60% {
	        opacity: 1;
	        -webkit-transform: translate3d(0,-20px,0);
	        transform: translate3d(0,-20px,0)
	    }

	    75% {
	        -webkit-transform: translate3d(0,10px,0);
	        transform: translate3d(0,10px,0)
	    }

	    90% {
	        -webkit-transform: translate3d(0,-5px,0);
	        transform: translate3d(0,-5px,0)
	    }

	    100% {
	        -webkit-transform: translate3d(0,0,0);
	        transform: translate3d(0,0,0)
	    }
	}
	@keyframes aui-toast-leave-animation{
		0% {transform: scale(1, 1); opacity: 1;}
		100% {transform: scale(0.95, 0.95); opacity: 0;}
	}
	.aui-toast-enter-active{
		animation: aui-toast-enter-animation 0.6s linear forwards;
	}
    .aui-toast-leave-active{
		animation: aui-toast-leave-animation  0.2s ease-in forwards;
    }
}
